<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>
<!DOCTYPE html>
<html>
<head>
<base href="<%=basePath%>">
<title>微信公众帐号对接教程</title>
<%@include file="../collect/meta.jsp"%>
<script type="text/javascript" src="${ctx}/js/returnTop.js"></script>
<style type="text/css">
	 .img{
	    max-width:100%;
	 }
	 p{
	 	font-size: 15px;
	    font-weight: bold;
	 }
</style>
<%@include file="../collect/addlist.jsp"%>
</head>
<body lang="zh-cn">
	<div class="wrapper">
		<c:import url="/collect/top.jsp"></c:import>
		<div class="main-container" id="main-container">
			<div class="main-container-inner">
				<c:import url="/collect/left.jsp"></c:import>
				<div class="main-content">
					<div class="breadcrumbs" id="breadcrumbs">
						<ul class="breadcrumb">
							<li><i class="icon-home home-icon"></i>微信公众帐号对接教程</li>
						</ul>
					</div>
					<div class="page-content">
						<div class="row">
							<div class="col-xs-12">
								<div class="main desk">
									<div class="b-titlebar">
										<div class="layout">
											<h1>微信公众帐号对接教程</h1>
										</div>
										<br><br>
									</div>
									<div class="content">
										<div class="layout">
											<p>微小智能开发模式URL：<mark class="orange">http://crm.wumi.me/gateway/auth</mark></p>
											<p>微小智能开发模式Token：<mark class="green">wumi</mark></p>
											<br>
											<p>微小智能是基于微信公众帐号的会员系统，第一次使用需要与微信公众帐号进行对接，以下是微小智能与微信公众帐号对接的详细步骤：</p>
											<h4 class="lined margin-20">第一步：注册微信公众帐号（已有微信公众帐号的跳过此步骤）</h4>
											<p>访问腾讯微信公众平台官方网站<a href="https://mp.weixin.qq.com/"target="_blank">https://mp.weixin.qq.com</a> ，点击右上角立即注册</p>
											<p><img class="img-polaroid"src="${ctx }/account/weixinurlexplainfiles/course_1.jpg"></p>
											<p>进入资料填写页面，按要求填写好各项资料</p>
											<p><img class="img-polaroid"src="${ctx }/account/weixinurlexplainfiles/course_2.jpg"></p>
											<p></p>
											<h4 style="color: red;">注意：注册微信公众帐号后需要等待审核通过，才能继续下面的步骤，否则不能看到“高级功能”选项。审核时间最长为7个工作日，不过快的时候可能一天两就能通过。</h4>
											<p></p>
											<br>
											<h4 class="lined margin-20">第二步：设置微信公众帐号开发模式接口</h4>
											<p>注册成功后，登录微信公众平台管理后台，进入“设置-&gt;帐号信息”页面，设置好公众帐号的头像（将在微信中显示给顾客看，可以设置成您的店铺照片等）、微信号、地区、功能介绍等信息。</p>
											<p><img class="img-polaroid"src="${ctx }/account/weixinurlexplainfiles/urlexplain_1.png"></p>
											<p>点击高级功能，先进入到编辑模式</p>
											<p><img class="img-polaroid"src="${ctx }/account/weixinurlexplainfiles/urlexplain_2.png"></p>
											<p>点击右上角的开关，将编辑模式关闭</p>
											<p><img class="img-polaroid"src="${ctx }/account/weixinurlexplainfiles/urlexplain_3.png"></p>
											<p>然后返回高级功能，进入开发模式</p>
											<p><img class="img-polaroid"src="${ctx }/account/weixinurlexplainfiles/urlexplain_4.png"></p>
											<p>
												在开发模式下，首先修改接口配置信息，将URL和Token分别修改为
												<mark class="orange">http://crm.wumi.me/gateway/auth</mark>和<mark class="green">wumi</mark>，然后点击右上角的开关，开启开发模式。
											</p>
											<p><img class="img-polaroid"src="${ctx }/account/weixinurlexplainfiles/urlexplain_5.png"></p>
											<p>到这里，微信公众平台端的配置就完成了。</p>
											<br>
											<h4 class="lined margin-20">第三步：注册微小智能管理平台企业帐号</h4>
											<p>访问微小智能管理平台注册页面<a href="http://crm.wumi.me/shop/account/add_account.jsp"target="_blank">http://crm.wumi.me/shop/account/add_account.jsp</a>，按要求填写各项信息。</p>
											<p><img class="img-polaroid"src="${ctx }/account/weixinurlexplainfiles/urlexplain_6.png"></p>
											<h4 class="lined margin-20">第四步：在微小智能管理平台中正确填写微信公众帐号信息</h4>
											<p>登录进入后台，在“微信管理-&gt;设置平台信息”中正确填写微信公众帐号相关的信息（未通过微信认证的订阅号不用填写AppId和AppSecret参数，）</p>
											<p><img class="img-polaroid"src="${ctx }/account/weixinurlexplainfiles/urlexplain_7.png"></p>
											<p></p>
											<h4 style="color: red;">至此微小智能平台和微信公众帐号的对接已经完成。</h4>
											<p></p>
											<br>
										</div>
									</div>
								</div>
								<div class="btn-up"></div>
								<div id="cli_dialog"></div>
							</div>
							<!-- /.col -->
						</div>
						<!-- /.row -->
					</div>
					<!-- /.page-content -->
				</div>
				<!-- /.main-content -->
			</div>
			<!-- /.main-container-inner -->
			<a href="#" id="btn-scroll-up"
				class="btn-scroll-up btn btn-sm btn-inverse"
				style="position:fixed;bottom:0;"> <i
				class="icon-double-angle-up icon-only bigger-110"></i> </a>
		</div>
		<!-- /.main-container -->
		<div class="push"></div>
	</div>
	<c:import url="/collect/down.jsp"></c:import>
</body>
</html>
